﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0044)http://utopiaadmin.themio.net/dashboard.html -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
       @*
        @media print
        {
            .gmnoprint
            {
                display: none;
            }
        }
        @media screen
        {
            .gmnoscreen
            {
                display: none;
            }
        }
        *@
    </style>
    <meta charset="utf-8">
    <title>Hocba.vn</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A complete admin panel theme">
    <meta name="author" content="theemio">
    <link class="theme-css" href="@Url.Content("/Content/styles.css")"
        rel="stylesheet">
    <link class="theme-css" href="@Url.Content("/Content/Css/utopia-white.css")"
        rel="stylesheet">
    <link href="@Url.Content("/Content/Css/utopia-responsive.css")" rel="stylesheet">
    <link href="@Url.Content("/Content/Css/jquery-ui.css")" rel="stylesheet" type="text/css">
    <link href="@Url.Content("/Content/Css/weather.css")" rel="stylesheet" type="text/css">
    <link href="@Url.Content("/Content/Css/modal.css")" rel="stylesheet">
    <link href="@Url.Content("/Content/Css/validationEngine.jquery.css")" rel="stylesheet" type="text/css">
    <link href="@Url.Content("/Content/Css/chosen.css")" media="screen" rel="stylesheet" type="text/css">
    <link href="@Url.Content("/Content/Css/ie.css")" rel="stylesheet">
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.cookie.js")"></script>
    <script type="text/javascript">        if ($.cookie("css")) { $('link[href*="utopia-white.css"]').attr("href", $.cookie("css")); $('link[href*="utopia-dark.css"]').attr("href", $.cookie("css")) } $(document).ready(function () { $(".theme-changer a").live("click", function () { $('link[href*="utopia-white.css"]').attr("href", $(this).attr("rel")); $('link[href*="utopia-dark.css"]').attr("href", $(this).attr("rel")); $.cookie("css", $(this).attr("rel"), { expires: 365, path: "/" }); return false }) });</script>
    <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet"><![endif]-->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]-->
    <style type="text/css">
        .jqstooltip
        {
            position: absolute;
            left: 0px;
            top: 0px;
            visibility: hidden;
            background: rgb(0, 0, 0) transparent;
            background-color: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
            color: white;
            font: 10px arial, san serif;
            text-align: left;
            white-space: nowrap;
            padding: 5px;
            border: 1px solid white;
        }
        .jqsfield
        {
            color: white;
            font: 10px arial, san serif;
            text-align: left;
        }
    </style>
    <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <link href="@Url.Content("/Content/Themes/pin.css")" rel="stylesheet">
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{common,util,geometry,directions}.js")"></script>
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{map,infowindow,marker}.js")"></script>
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{poly}.js")"></script>
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{onion}.js")"></script>
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{controls}.js")"></script>
    <script type="text/javascript" charset="UTF-8" src="@Url.Content("/Scripts/{stats}.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript" ></script>
    <script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/MicrosoftMvcValidation.js")" type="text/javascript"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="header-top">
                    <div class="header-wrapper">
                        <a href="http://utopiaadmin.themio.net/dashboard.html#" class="utopia-logo">
                            <img src="@Url.Content("/Content/Images/utopia-logo.png")" alt="Utopia"></a>
                        <div class="header-right">
                            <div class="header-divider">
                                &nbsp;</div>
                            <div class="search-panel header-divider">
                                <div class="search-box">
                                    <img src="@Url.Content("/Content/Images/zoom.png")" alt="Search"><form action=""
                                    method="post">
                                    <input type="text" name="search" placeholder="search"></form>
                                </div>
                            </div>
                            <div class="notification header-divider">
                                <div class="notification-wrapper">
                                    <a href="http://utopiaadmin.themio.net/dashboard.html#" class="notification-counter">
                                        8</a><div id="triangle-down">
                                        </div>
                                    <div class="tabbable notification-box">
                                        <ul class="nav nav-tabs">
                                            <li class="active"><a data-toggle="tab" href="http://utopiaadmin.themio.net/dashboard.html#message">
                                                Messages (3)</a></li><li class=""><a data-toggle="tab" href="http://utopiaadmin.themio.net/dashboard.html#activity">
                                                    Activity (5)</a></li></ul>
                                        <div class="tab-content">
                                            <div id="message" class="tab-pane active">
                                                <ul class="message-list">
                                                    <li class="message new">
                                                        <div class="msg">
                                                            From: <a href="">Benjamiin Buttons</a><span>40m ago</span><a class="subject" href="">Getting
                                                                Started on Starlight Template</a><p>
                                                                    Vitae dicta sunt explicabo. Nemo enim</p>
                                                        </div>
                                                    </li>
                                                    <li class="message new">
                                                        <div class="msg">
                                                            From: <a href="">ThemePixels Team</a><span>2 hours ago</span><a class="subject" href="">Thank
                                                                you for using StarLight Template</a><p>
                                                                    Hi,Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                                        </div>
                                                    </li>
                                                    <li class="message">
                                                        <div class="msg">
                                                            From: <a href="">Katherine Kate</a><span>40m ago</span><p>
                                                                Lorem ipsum dolor sit amet...</p>
                                                        </div>
                                                    </li>
                                                    <li class="message">
                                                        <div class="msg">
                                                            From: <a href="">ThemePixels Team</a><span>Yesterday</span><a class="subject" href="">Events
                                                                for the next month</a><p>
                                                                    Hi,Eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="message-more">
                                                    <a href="">See All Messages</a></div>
                                            </div>
                                            <div id="activity" class="tab-pane">
                                                <ul class="message-list">
                                                    <li class="user new">
                                                        <div class="msg">
                                                            <a href="">Justin Meller</a> added <a href="">John Doe</a> as Admin.
                                                        </div>
                                                    </li>
                                                    <li class="call new">
                                                        <div class="msg">
                                                            You missed a call from <a href="">Porfirio</a></div>
                                                    </li>
                                                    <li class="calendar new">
                                                        <div class="msg">
                                                            <a href="">Katherine Kate</a> invited you in an event <a href="">Rock Party</a>.
                                                        </div>
                                                    </li>
                                                    <li class="settings">
                                                        <div class="msg">
                                                            <a href="">Jane Doe</a> updated her profile.
                                                        </div>
                                                    </li>
                                                    <li class="follow">
                                                        <div class="msg">
                                                            <a href="">Jet Lee</a> is now following you.
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="message-more">
                                                    <a href="">View All Activities</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="user-panel header-divider">
                                <div class="user-info">
                                    <img src="@Url.Content("/Content/Images/user.png")" alt=""><a href="http://utopiaadmin.themio.net/dashboard.html#">Admin
                                        user</a></div>
                                <div class="user-dropbox">
                                    <ul>
                                        <li class="user"><a href="">Profile</a></li><li class="settings"><a href="">Account
                                            Settings</a></li><li class="theme-changer dark-theme"><a href="javascript:void(0)"
                                                class="dark" rel="css/themes/utopia-dark.css?v88">Dark theme</a></li>
                                        <li class="theme-changer white-theme"><a href="javascript:void(0)" class="white"
                                            rel="css/utopia-white.css?v99">White theme</a></li>
                                        <li class="logout">
                                            @Html.ActionLink("Logout", "LogOut", "Home")
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span2 sidebar-container" style="width: 240px;">
                <div class="sidebar">
                    <div class="navbar sidebar-toggle">
                        <div class="container">
                            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                            </a>
                        </div>
                    </div>
                    @{
                        //Load thong tin album hien tai
                        String controller = ViewContext.Controller.ValueProvider.GetValue("controller").RawValue.ToString();
                        String action = ViewContext.Controller.ValueProvider.GetValue("action").RawValue.ToString();
                        if(controller.ToLower() == "image" && action.ToLower() == "myalbum")
                        {
                            int id = 0;
                            if(Int32.TryParse(ViewContext.Controller.ValueProvider.GetValue("id").RawValue.ToString(), out id))
                            {
                                ISS.Models.Album album = new ISS.Business.AlbumDAO().GetById(id);
                                if(album != null)
                                {
                                    <div class="nav-collapse collapse leftmenu">
                                    <ul>
                                        <li class="tables">
                                            <span class="dashboard smronju"><strong>@album.AlbumName</strong></span>
                                        </li>
                                        <li>
                                            
                                        </li>
                                    </ul>
                                </div>
                                }
                            }
                        }
                    }
                   
                    <div class="nav-collapse collapse leftmenu">
                        <ul>
                            <li class="tables">
                                <div id="dropbox">
                                    <a class="message dashboard smronju">Drop images here to upload.
                                        <br />
                                        <i>(they will only be visible to you)</i></a>
                                </div>
                            </li>
                            <li class="tables">
                                @using (Html.BeginForm("Create", "Album", FormMethod.Post))
                                {
                                    <span class="dashboard smronju">
                                       
                                        Tạo mới album
                                        <input type="text" name="AlbumName" id="AlbumName" />
                                        <input type="submit" name="btnCreateAlbum" value="Tạo album" />
                                       
                                    </span>
                                }
                            </li>

                            <li class="tables"><a style="border-width:1px;" class="dashboard smronju" href="#" title="Dashboard"><span><em>
                                Dashboard</em></span></a></li>
                            <li><a class="tables" href="/Album" title="Album của bạn"><span><em>Album của bạn</em></span></a>
                            </li>
                            <li><a class="tables" href="/Image" title="Ảnh mới của bạn"><span><em>Ảnh mới của bạn</em></span></a>
                            </li>
                            <li><a class="tables" href="/BanBe" title="Bạn bè">
                                <span><em>Bạn bè</em></span></a>
                            </li>
                            <li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="span10 body-container" style="width: 730px;">
                <div class="row-fluid" style="display: none">
                    <div class="span3">
                        <div class="utopia-chart-legend">
                            <div class="utopia-chart-icon">
                                <img src="@Url.Content("/Content/Images/access_point.png")"></div>
                            <div class="utopia-chart-heading">
                                191</div>
                            <div class="utopia-chart-desc">
                                USERS CONNECTED</div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="utopia-chart-legend">
                            <div class="utopia-chart-icon">
                                <img src="@Url.Content("/Content/Images/clock.png")"></div>
                            <div class="utopia-chart-heading">
                                2191</div>
                            <div class="utopia-chart-desc">
                                HOURS SPENT</div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="utopia-chart-legend">
                            <div class="utopia-chart-icon">
                                <img src="@Url.Content("/Content/Images/download2.png")"></div>
                            <div class="utopia-chart-heading">
                                33214</div>
                            <div class="utopia-chart-desc">
                                Downloads</div>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="utopia-chart-legend">
                            <div class="utopia-chart-icon">
                                <img src="@Url.Content("/Content/Images/coin.png")"></div>
                            <div class="utopia-chart-heading">
                                10894</div>
                            <div class="utopia-chart-desc">
                                SAVED</div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            @RenderBody()
                            @* 
                        mainne
                            <div class="span9">
                                <div class="row-fluid">
                                    <div class="span12">
                                        <section class="utopia-widget"><div class="utopia-widget-title" style="border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(238, 238, 238); "><img src="@Url.Content("/Content/Images/paragraph_justify.png")" class="utopia-widget-icon"><span>Danh sách trường học</span></div><div class="utopia-widget-content" style="display: block; "><table class="table table-bordered"><colgroup><col class="utopia-col-0"><col class="utopia-col-1"><col class="utopia-col-0"><col class="utopia-col-1"><col class="utopia-col-0"><col class="utopia-col-1"></colgroup><thead><tr><th><input class="utopia-check-all" type="checkbox"></th><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th><th>Actions</th></tr></thead><tbody><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Other browsers</td><td>All others</td><td>-</td><td>-</td><td>U</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Trident</td><td>AOL browser (AOL desktop)</td><td>Win XP</td><td>6</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Camino 1.0</td><td>OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Camino 1.5</td><td>OSX.3+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Misc</td><td>Dillo 0.8</td><td>Embedded devices</td><td>-</td><td>X</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Epiphany 2.20</td><td>Gnome</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Firefox 1.0</td><td>Win 98+ / OSX.2+</td><td>1.7</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Firefox 1.5</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Firefox 2.0</td><td>Win 98+ / OSX.2+</td><td>1.8</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr><tr><td><input class="chkbox" type="checkbox" name="checkbox[]"></td><td>Gecko</td><td>Firefox 3.0</td><td>Win 2k+ / OSX.3+</td><td>1.9</td><td>A</td><td><a href="javascript:void(0)" class="edit"><img src="@Url.Content("/Content/Images/pencil.png")" alt="Edit"></a><a href="javascript:void(0)" class="delete"><img src="@Url.Content("/Content/Images/trash_can.png")" alt="Delete"></a></td></tr></tbody><tfoot><tr><th><input class="utopia-check-all" type="checkbox"></th><th>Rendering engine</th><th>Browser</th><th>Platform(s)</th><th>Engine version</th><th>CSS grade</th><th>Actions</th></tr></tfoot></table><div class="row-fluid"><div class="span6"><div class="utopia-table-action"><div class="btn-group"><a href="#" class="btn"><i class="icon-cog"></i> Actions</a><a href="#" data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#"><i class="icon-eye-open"></i> View</a></li><li><a href="#"><i class="icon-pencil"></i> Edit</a></li><li><a href="#"><i class="icon-trash"></i> Delete</a></li></ul></div></div></div><div class="span6"><div class="pagination pagination-right"><ul><li class="prev disabled"><a href="#">←</a></li><li><a href="#">1</a></li><li><a href="#">2</a></li><li class="active"><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li><li class="next"><a href="#">→ </a></li></ul></div></div></div></div></section>
                                    </div>
                                </div>
                            </div>



                            <div class="span3">
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="utopia-chart-legend">
                                            <div class="utopia-chart-sparkline" id="utopia-sparkline-type1">
                                                <canvas style="display: inline-block; width: 140px; height: 48px; vertical-align: top;"
                                                    width="140" height="48"></canvas>
                                            </div>
                                            <div class="utopia-chart-heading">
                                                LINE</div>
                                            <div class="utopia-chart-desc">
                                                SPARKLINE</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div id="utopia-dashboard-weather" style="margin-bottom: 20px;">
                                            <h2>
                                                New York, NY</h2>
                                            <img style="float: left" width="125px " src="./Scripts/33d.png"><p>
                                                71° F<br>
                                                <span>Fair</span></p>
                                            <a href="http://us.rd.yahoo.com/dailynews/rss/weather/New_York__NY/*http://weather.yahoo.com/forecast/USNY0996_f.html">
                                                View Forecast »</a></div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div id="utopia-dashboard-datepicker" class="hasDatepicker" style="margin-bottom: 20px;">
                                            <div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"
                                                style="display: block;">
                                                <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
                                                    <a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery_1341911354703.datepicker._adjustDate(&#39;#utopia-dashboard-datepicker&#39;, -1, &#39;M&#39;);"
                                                        title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a class="ui-datepicker-next ui-corner-all"
                                                            onclick="DP_jQuery_1341911354703.datepicker._adjustDate(&#39;#utopia-dashboard-datepicker&#39;, +1, &#39;M&#39;);"
                                                            title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div
                                                                class="ui-datepicker-title">
                                                                <span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2012</span></div>
                                                </div>
                                                <table class="ui-datepicker-calendar">
                                                    <thead>
                                                        <tr>
                                                            <th class="ui-datepicker-week-end">
                                                                <span title="Sunday">Su</span>
                                                            </th>
                                                            <th>
                                                                <span title="Monday">Mo</span>
                                                            </th>
                                                            <th>
                                                                <span title="Tuesday">Tu</span>
                                                            </th>
                                                            <th>
                                                                <span title="Wednesday">We</span>
                                                            </th>
                                                            <th>
                                                                <span title="Thursday">Th</span>
                                                            </th>
                                                            <th>
                                                                <span title="Friday">Fr</span>
                                                            </th>
                                                            <th class="ui-datepicker-week-end">
                                                                <span title="Saturday">Sa</span>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">1</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">2</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">3</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">4</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">5</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">6</a>
                                                            </td>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">7</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">8</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">9</a>
                                                            </td>
                                                            <td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today"
                                                                onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="http://utopiaadmin.themio.net/dashboard.html#">
                                                                    10</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">11</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">12</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">13</a>
                                                            </td>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">14</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">15</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">16</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">17</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">18</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">19</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">20</a>
                                                            </td>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">21</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">22</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">23</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">24</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">25</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">26</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">27</a>
                                                            </td>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">28</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td class=" ui-datepicker-week-end " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">29</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">30</a>
                                                            </td>
                                                            <td class=" " onclick="DP_jQuery_1341911354703.datepicker._selectDay(&#39;#utopia-dashboard-datepicker&#39;,6,2012, this);return false;">
                                                                <a class="ui-state-default" href="http://utopiaadmin.themio.net/dashboard.html#">31</a>
                                                            </td>
                                                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
                                                                &nbsp;
                                                            </td>
                                                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
                                                                &nbsp;
                                                            </td>
                                                            <td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
                                                                &nbsp;
                                                            </td>
                                                            <td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
                                                                &nbsp;
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="alert alert-success">
                                            <a class="close" data-dismiss="alert" href="http://utopiaadmin.themio.net/dashboard.html#">
                                                ×</a> You <strong>successfully</strong> read this important alert message.
                                        </div>
                                        <div class="alert alert-info">
                                            <a class="close" data-dismiss="alert" href="http://utopiaadmin.themio.net/dashboard.html#">
                                                ×</a> This alert needs your <strong>attention</strong>.
                                        </div>
                                        <div class="alert alert-block">
                                            <a class="close" data-dismiss="alert" href="http://utopiaadmin.themio.net/dashboard.html#">
                                                ×</a> This a <strong>Warning!</strong> message.
                                        </div>
                                        <div class="alert alert-error">
                                            <a class="close" data-dismiss="alert" href="http://utopiaadmin.themio.net/dashboard.html#">
                                                ×</a> It's an <strong>Error!</strong> message.
                                        </div>
                                    </div>
                                </div>
                            </div>
*@
                        </div>
                    </div>
                </div>
                @*
                <div class="row-fluid">
                    <div class="span6">
                        <section class="utopia-widget"><div class="utopia-widget-title"><img src="@Url.Content("/Content/Images/font_size.png")" class="utopia-widget-icon"><span>contact form</span></div><div class="utopia-widget-content utopia-chosen-form"><form id="validation" action="javascript:void(0)" class="utopia-form-freeSpace form-horizontal"><fieldset><div class="control-group"><label class="control-label" for="input01">Title*:</label><div class="controls"><input id="input01" class="input-fluid validate[required]" type="text" value=""></div></div><div class="control-group"><label class="control-label" for="inputError"> Contact email*:</label><div class="controls"><input id="inputError" class="input-fluid validate[required,custom[email]]" type="text" value="jon.com"><br></div></div><div class="control-group"><label class="control-label" for="phone">Contact phone*:</label><div class="controls"><input id="phone" class="input-fluid validate[required, custom[phone]]" type="text" value=""><br><span class="help-inline">Must be (xxx) xxxxxxxxxx</span></div></div><div class="control-group"><label class="control-label" for="select02">Category:</label><div class="controls sample-form-chosen"><select id="select02" data-placeholder="Select your category" style="width: 82.5%; display: none; " class="chzn-select-deselect chzn-done" tabindex="-1"><option value=""></option><option value="Zimbabwe">Mac</option><option value="Zimbabwe">Linux</option><option value="Zimbabwe">Debian</option><option value="Zimbabwe">Ubuntu</option><option value="Zimbabwe">Gnome 3</option><option value="Zimbabwe">Windows</option></select><div id="select02_chzn" class="chzn-container chzn-container-single" style="width: 278px;"><a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="7"><span>Select your category</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 276px; top: 25px; "><div class="chzn-search"><input type="text" autocomplete="off" style="width: 241px; " tabindex="-1"></div><ul class="chzn-results"><li id="select02_chzn_o_1" class="active-result" style="">Mac</li><li id="select02_chzn_o_2" class="active-result" style="">Linux</li><li id="select02_chzn_o_3" class="active-result" style="">Debian</li><li id="select02_chzn_o_4" class="active-result" style="">Ubuntu</li><li id="select02_chzn_o_5" class="active-result" style="">Gnome 3</li><li id="select02_chzn_o_6" class="active-result" style="">Windows</li></ul></div></div></div></div><div class="control-group"><label class="control-label" for="input">Message:</label><div class="controls utopia-dashbord-cleditor"><textarea id="input" class="input-fluid" name="input"></textarea></div></div></fieldset></form></div></section>
                    </div>
                    <div class="span6">
                        <section class="utopia-widget"><div class="utopia-widget-title"><img src="@Url.Content("/Content/Images/pyramid.png")" class="utopia-widget-icon"><span>activity</span></div><div class="utopia-widget-content"><div class="utopia-activity-feeds" style="overflow: hidden; position: relative; height: 335px; "><ul style="position: absolute; margin: 0px; padding: 0px; top: 0px; "><li style="margin: 0px; padding: 0px; display: list-item; "><div class="text"><p><span class="label label-info">smronju</span> Updated his blog post.</p></div><div class="info"><span>Type:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="visit smronju&#39;s blog" rel="tooltip">blog</a><span>Status:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="anyone can view" rel="tooltip">open</a><span class="date">May, 25 2012 2:00pm</span></div></li><li style="margin: 0px; padding: 0px; display: list-item; "><div class="text"><p><span class="label">hasinhayder</span> Replied on smronju's blog post comment.</p></div><div class="info"><span>Type:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="visit smronju&#39;s blog" rel="tooltip">blog</a><span>Status:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="anyone can view" rel="tooltip">open</a><span class="date">May, 25 2012 2:00pm</span></div></li><li style="margin: 0px; padding: 0px; display: list-item; "><div class="text"><p><span class="label label-success">smronju</span> Posted on tumblr blog.</p></div><div class="info"><span>Type:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="visit smronju&#39;s blog" rel="tooltip">blog</a><span>Status:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="anyone can view" rel="tooltip">open</a><span class="date">May, 25 2012 2:00pm</span></div></li><li style="margin: 0px; padding: 0px; display: list-item; "><div class="text"><p><span class="label">hasinhayder</span> Commented on smronju's blog post.</p></div><div class="info"><span>Type:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="visit smronju&#39;s blog" rel="tooltip">blog</a><span>Status:</span><a class="tooltipA" href="http://utopiaadmin.themio.net/dashboard.html#" data-original-title="anyone can view" rel="tooltip">open</a><span class="date">May, 25 2012 2:00pm</span></div></li></ul></div></div></section>
                    </div>
                </div>
*@
            </div>
        </div>
    </div>
    <!-- Including The jQuery Library -->
    <script src="@Url.Content("/Scripts/jquery-1.6.3.min.js")" type="text/javascript"></script>
    <!-- Including the HTML5 Uploader plugin -->
    <script src="@Url.Content("/Scripts/jquery.filedrop.js")" type="text/javascript"></script>
    <!-- The main script file -->
    <script src="@Url.Content("/Scripts/script.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/utopia.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.hoverIntent.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.easing.1.3.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.datatable.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/tables.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.sparkline.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.vticker-min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/datepicker.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/load-image.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/image-gallery.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery.simpleWeather.js")"></script>
    <script src="@Url.Content("/Scripts/jquery.validationEngine.js")" type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/jquery.validationEngine-en.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/maskedinput.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/chosen.jquery.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/js")"></script>
    <script src="@Url.Content("/Scripts/main.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/gmap3.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/header.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/sidebar.js")"></script>
    <script type="text/javascript">        $(function () { $("#utopia-dashboard-datepicker").datepicker().css({ marginBottom: "20px" }); jQuery("#validation").validationEngine(); $("#phone").mask("(999) 9999999999"); $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({ allow_single_deselect: true }); $.simpleWeather({ zipcode: "10001", unit: "f", success: function (a) { html = "<h2>" + a.city + ", " + a.region + "</h2>"; html += '<img style="float:left" width="125px " src="' + a.image + '">'; html += "<p>" + a.temp + "&deg; " + a.units.temp + "<br /><span>" + a.currently + "</span></p>"; html += '<a href="' + a.link + '">View Forecast &raquo;</a>'; $("#utopia-dashboard-weather").css({ marginBottom: "20px" }).html(html) }, error: function (a) { $("#utopia-dashboard-weather").html("<p>" + a + "</p>") } }); $("#utopia-google-map-5").gmap3({ action: "getRoute", options: { origin: "48 Pirrama Road, Pyrmont NSW", destination: "Bondi Beach, NSW", travelMode: google.maps.DirectionsTravelMode.DRIVING }, callback: function (a) { if (!a) { return } $(this).gmap3({ action: "init", zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: true, center: [-33.879, 151.235] }, { action: "addDirectionsRenderer", options: { preserveViewport: true, draggable: false, directions: a} }) } }) }); $("#utopia-sparkline-type1").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7, 5, 6, 7, 9, 9], { type: "line", height: 48, width: 140 }); $(".utopia-activity-feeds").vTicker({ speed: 500, pause: 3000, animation: "fade", height: 335, mousePause: true, showItems: 4 });</script>
    <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
    </div>
</body>
</html>
